﻿@model Infinity.BusinessLayer.CourseViewModel

@{
    ViewBag.Title = "NewCourse";
    Layout = "~/Areas/Managerial/Views/Shared/_AdminLayout.cshtml";
}
<link rel="icon" type="img/png" href="img/favicon.png">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="font-awesome-4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="sidemenu/sidemenu.css" rel="stylesheet" type="text/css" />
<link href="css/mystyle.css" rel="stylesheet" type="text/css" />
<link href="input/normalize.css" rel="stylesheet" type="text/css" />
<link href="input/set1.css" rel="stylesheet" type="text/css" />

<link href="backToTop/totop.css" rel="stylesheet" type="text/css"     />
<h2>NewCourse</h2>
<div>
    @Html.ActionLink("Back to List", "Index")
</div>


@using (Html.BeginForm("NewCourse", "Course"))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Course</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.CourseID)
        </div>
        <div class="editor-field">
            @Html.HiddenFor(model => model.CourseID)
            @Html.DisplayFor(model => model.CourseID)
            @Html.ValidationMessageFor(model => model.CourseID)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Course_Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Course_Name)
            @Html.ValidationMessageFor(model => model.Course_Name)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Official_crs_hrs)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Official_crs_hrs)
            @Html.ValidationMessageFor(model => model.Official_crs_hrs)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Exam)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Exam)
            @Html.ValidationMessageFor(model => model.Exam)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Material)
        </div>
        <div><input type="checkbox" id="CheckMaterial" /></div>
        <div class="editor-field" id="materialbox" >

            @*@Html.EditorFor(model => model.Material)
            @Html.ValidationMessageFor(model => model.Material)*@
        </div>
        <div><input type="checkbox" id="CheckCertificate" /></div>
        <div class="editor-label" id="Certificatebox">
            @Html.LabelFor(model => model.Certificate)
        </div>
        <div class="editor-field">
            @*@Html.EditorFor(model => model.Certificate)
            @Html.ValidationMessageFor(model => model.Certificate)*@
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Certificate)
            @Html.ValidationMessageFor(model => model.Certificate)
        </div>
        <div id="outline">
            <select class="input__field input__field--jiro" id="input-19">
                <option></option>
                <option>
                    English
                </option>
                <option>
                    Arabic
                </option>
                <option>
                    Italy
                </option>
            </select>
        </div>
        <div>
            <!--tab-->

            <div role="tabpanel" class="padding-90">

                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Course Price</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Course Outline</a></li>

                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="row">
                            <div class="col-md-4">
                                <span class="input input--jiro">
                                    <select class="input__field input__field--jiro" id="input-19">
                                        <option></option>
                                        <option>
                                            English
                                        </option>
                                        <option>
                                            Arabic
                                        </option>
                                        <option>
                                            Italy
                                        </option>
                                    </select>

                                    <label class="input__label input__label--jiro" for="input-19">
                                        <span class="input__label-content input__label-content--jiro">Group Type</span>
                                    </label>
                                </span>
                            </div>
                            <div class="col-md-4">
                                <span class="input input--jiro">
                                    <select class="input__field input__field--jiro" id="input-20">
                                        <option></option>
                                        <option>
                                            English
                                        </option>
                                        <option>
                                            Arabic
                                        </option>
                                        <option>
                                            Italy
                                        </option>
                                    </select>

                                    <label class="input__label input__label--jiro" for="input-20">
                                        <span class="input__label-content input__label-content--jiro">Nationality</span>
                                    </label>
                                </span>
                            </div>
                            <div class="col-md-4">
                                <span class="input input--jiro">
                                    <input class="input__field input__field--jiro" type="text" id="input-21" />
                                    <label class="input__label input__label--jiro" for="input-21">
                                        <span class="input__label-content input__label-content--jiro">Price</span>
                                    </label>
                                </span>
                            </div>
                            <br>
                            <div class="col-md-12 text-center send3">
                                <a href="#" class="send">ADD COURSES</a>

                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">

                        <div class="row">
                            <div class="col-md-4">
                                <span class="input input--jiro">
                                    <select class="input__field input__field--jiro" id="input-23">
                                        <option></option>
                                        <option>
                                            English
                                        </option>
                                        <option>
                                            Arabic
                                        </option>
                                        <option>
                                            Italy
                                        </option>
                                    </select>

                                    <label class="input__label input__label--jiro" for="input-23">
                                        <span class="input__label-content input__label-content--jiro">Type</span>
                                    </label>
                                </span>
                            </div>
                            <div class="col-md-4">
                                <span class="input input--jiro">
                                    <select class="input__field input__field--jiro" id="input-24">
                                        <option></option>
                                        <option>
                                            English
                                        </option>
                                        <option>
                                            Arabic
                                        </option>
                                        <option>
                                            Italy
                                        </option>
                                    </select>

                                    <label class="input__label input__label--jiro" for="input-24">
                                        <span class="input__label-content input__label-content--jiro">Nationality</span>
                                    </label>
                                </span>
                            </div>

                            <br>
                            <div class="col-md-12 text-center send3">
                                <a href="#" class="send">ADD COURSES</a>

                            </div>
                        </div>



                    </div>

                </div>

            </div>
        </div>
        @*</div>*@
        <p><input type="submit" value="Create" /> </p>
    </fieldset>
}
<!--js-->
<script src="~/Areas/Managerial/Views/Course/js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="~/Areas/Managerial/Views/Course/js/bootstrap.js" type="text/javascript"></script>
<script src="~/Areas/Managerial/Views/Course/sidemenu/sidemenu.js" type="text/javascript"></script>
<!--input--js-->
<script src="~/Areas/Managerial/Views/Course/input/classie.js" type="text/javascript"></script>
<script>
    (function () {
        // trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
        if (!String.prototype.trim) {
            (function () {
                // Make sure we trim BOM and NBSP
                var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
                String.prototype.trim = function () {
                    return this.replace(rtrim, '');
                };
            })();
        }

        [].slice.call(document.querySelectorAll('.input__field')).forEach(function (inputEl) {
            // in case the input is already filled..
            if (inputEl.value.trim() !== '') {
                classie.add(inputEl.parentNode, 'input--filled');
            }

            // events:
            inputEl.addEventListener('focus', onInputFocus);
            inputEl.addEventListener('blur', onInputBlur);
        });

        function onInputFocus(ev) {
            classie.add(ev.target.parentNode, 'input--filled');
        }

        function onInputBlur(ev) {
            if (ev.target.value.trim() === '') {
                classie.remove(ev.target.parentNode, 'input--filled');
            }
        }
    })();
</script>
<script>
    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });
</script>
<script src="~/Areas/Managerial/Views/Course/backToTop/totop.js" type="text/javascript"></script>

